<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
  <meta name="referrer" content="no-referrer">
  <title>柚子影音</title>
  <style type="text/css">
    html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
  </style>
</head>
<body>
<div id="mse"></div>
<script src="${req.contextPath}/static/plugins/xgplayer/browser/index.js" charset="utf-8"></script>
<script>
  let player = new Player({
    "id": "mse",
    "url": "//s1.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/${mediaName}",
    "playsinline": true,
    "whitelist": [
      ""
    ],
    "playbackRate": [
      1,
      1.2,
      1.5,
      2
    ],
    "danmu": {
      "comments": [
        {
          "duration": 15000,
          "id": "2",
          "start": 3000,
          "txt": "长弹幕长弹幕长弹幕",
          "mode": "top"
        },
        {
          "duration": 15000,
          "id": "3",
          "start": 4000,
          "txt": "长弹幕长弹幕长弹幕",
          "mode": "bottom"
        },
        {
          "duration": 15000,
          "id": "4",
          "start": 5000,
          "txt": "长弹幕长弹幕长弹幕",
          "mode": "scroll"
        },
        {
          "duration": 15000,
          "id": "5",
          "start": 8000,
          "txt": "长弹幕长弹幕长弹幕",
          "mode": "scroll"
        }
      ],
      "area": {
        "start": 0,
        "end": 1
      },
      "closeDefaultBtn": false,
      "defaultOff": false,
      "panel": false
    },
    "rotate": {
      "clockwise": false,
      "innerRotate": false
    },
    "progressDot": [
      {
        "time": 3,
        "text": "text1"
      },
      {
        "time": 5,
        "text": "text2"
      },
      {
        "time": 32,
        "text": "text3"
      },
      {
        "time": 36,
        "text": "text4"
      }
    ],
    "thumbnail": {
      "pic_num": 44,
      "width": 160,
      "height": 90,
      "col": 10,
      "row": 10,
      "urls": [
        ""
      ]
    },
    "screenShot": true,
    "download": true,
    "textTrack": [
      {
        "src": "//s0.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/textTrack-1.vtt",
        "label": "字幕1",
        "default": true
      },
      {
        "src": "//s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/textTrack-2.vtt",
        "label": "字幕2",
        "default": false
      }
    ],
    "keyShortcut": "on",
    "closeVideoClick": false,
    "closeVideoDblclick": false,
    "closeVideoTouch": false
  });
  player.emit('resourceReady', {"name":"高清","url":"http://www.video.com"},{"name":"超清","url":"http://www.baidu.com"},{"name":"蓝光","url":"http://localhost:8080"})
</script>
</body>
</html>
